@import './styles/variables.less';

* {
  box-sizing: border-box;
}

html,body{
  font-family: @font-family;
  background: @gray-darkerr;
  overflow-x: hidden;
}

.tabs{
  width: 100%;
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid @gray-darker;
}

.tabs-wrapper{
  text-align: center;
  margin-left:auto;
}

.tabs button{
  height: 10px;
  background: none;
  outline: none;
  border:none;
  > svg{fill: @gray-lighterr;}
  &.hidden {
    display: inline;
    > svg{fill: @gray-darker;}
  }
}

.labelarea{
  font-size: 45%;
}

.noderole{
  font-size: 90%;
  font-weight: bold;
}
.nodemem{
  font-size: 75%;
}
.nodeplatform{
  font-size: 80%;
}
.nodelabel{
  font-style: italic;
}

#app {
  margin: 0 auto;
}
